import Vue from 'vue'
import App from './App.vue'
import router from './router'
import VueAPlayer from 'vue-aplayer'
import VueParticles from 'vue-particles'
import 'nprogress/nprogress.css' // 引入基础样式

// 导入兼容包
import 'babel-polyfill'
// 引入字体
import './assets/font/iconfont.css'

// 导入axios
// eslint-disable-next-line no-unused-vars
import axios from 'axios'
// 配置请求根路径
axios.defaults.baseURL = 'http://47.107.156.169:3000/api/v1/'
Vue.prototype.$http = axios
// 添加请求拦截器
axios.interceptors.request.use(function (config) {
  // 在发送请求前之前做些东西
  var radio = document.querySelector('.masks')
  radio.style.display = 'block'
  return config
})
// 添加响应请求拦截器
axios.interceptors.response.use(function (res) {
  var radio = document.querySelector('.masks')
  radio.style.display = 'none'
  return res
})
Vue.component('Aplayer', VueAPlayer)
Vue.use(VueParticles)

// 阻止显示生产模式的消息
Vue.config.productionTip = false

// 配置时间过滤器
Vue.filter('dateFilter', function (val) {
  var date = new Date(val)
  var y = date.getFullYear()
  var m = (date.getMonth() + 1 + '').padStart(2, '0')
  var d = (date.getDate() + '').padStart(2, '')

  // var hh = (date.getDate() + '').padStart(2, '0')
  // var mm = (date.getMinutes() + '').padStart(2, '0')
  // var ss = (date.getSeconds() + '').padStart(2, '0')

  return y + '年' + m + '月' + d + '日' + '' // + hh + ':' + mm + ':' + ss
})

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')
